﻿<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeBehind="Default.aspx.cs" Inherits="Web_Jolien._Default" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <asp:Panel ID="gbAllBooks" runat="server" Width="460px" Style="float: left;">
        <h1>
            Boekenlijsten</h1>
        <asp:Label ID="titel" runat="server" Text="Label">(Deel van de) titel: </asp:Label>
        <asp:TextBox ID="titelTekst" runat="server" Width="306px" AutoPostBack="True" OnTextChanged="titelTekst_TextChanged"></asp:TextBox>
        <br />
        <asp:Label ID="ISBN" runat="server" Text="Label">(Deel van) ISBN: </asp:Label>
        <asp:TextBox ID="ISBNtekst" runat="server" Width="288px" OnTextChanged="ISBNtekst_TextChanged"
            AutoPostBack="true"></asp:TextBox>
        <br />
        <asp:CheckBox ID="chbCategorie" runat="server" Text="Categorie" OnCheckedChanged="Categorie_CheckedChanged"
            AutoPostBack="True" />
        <asp:DropDownList ID="cmbCategorie" runat="server" OnSelectedIndexChanged="categoriedropdown_SelectedIndexChanged"
            AutoPostBack="True">
        </asp:DropDownList>
        <br />
        <asp:CheckBox ID="chbUitgever" runat="server" Text="Uitgeverij" OnCheckedChanged="Uitgeverij_CheckedChanged"
            AutoPostBack="True" />
        <asp:DropDownList ID="cmbUitgever" runat="server" AutoPostBack="True" OnSelectedIndexChanged="uitgeverijdropdown_SelectedIndexChanged">
        </asp:DropDownList>
        <div id="bookDetail" runat="server">
        </div>
        <asp:GridView ID="dgvAllBooks" runat="server" Width="431px" OnSelectedIndexChanged="dgvAllBooks_SelectedIndexChanged">
        </asp:GridView>
        
    </asp:Panel>
    <asp:Panel ID="gbClassBooks" runat="server" Width="460px" Style="float: right;">
        <h1>
            Klaslijsten</h1>
        <asp:Button ID="naarLijst" runat="server" OnClick="naarLijst_Click" Text="Naar lijst" />
        <asp:Button ID="uitLijst" runat="server" OnClick="uitLijst_Click" Text="Uit lijst" />
        <asp:Button ID="wisLijst" runat="server" OnClick="wisLijst_Click" Text="Wis lijst" />
        <br />
        <asp:Label ID="lblKlas" runat="server" AssociatedControlID="KlasLijst">Klas:</asp:Label>
        <asp:DropDownList ID="klasLijst" runat="server" OnSelectedIndexChanged="KlasLijst_SelectedIndexChanged"
            AutoPostBack="True">
        </asp:DropDownList>
        <br />
        <asp:Label ID="lblUpdate" runat="server" AssociatedControlID="textBox1">Laatste update:</asp:Label>
        <asp:TextBox ID="textBox1" runat="server" AutoPostBack="true"></asp:TextBox>
        <br />
        <asp:Label ID="lblKopie" runat="server" AssociatedControlID="klaslijstKopie">Kopieer van:</asp:Label>
        <asp:DropDownList ID="klaslijstKopie" runat="server" AutoPostBack="true">
        </asp:DropDownList>
        <br />
        <asp:Button ID="annuleer" runat="server" OnClick="annuleer_Click" Text="Annuleer" />
        <asp:Button ID="overschrijf" runat="server" OnClick="overschrijf_Click" Text="Overschrijf" />
        <asp:Button ID="voegToe" runat="server" OnClick="voegToe_Click" Text="Voeg Toe" />
        <br />
        <asp:GridView ID="klasLijstData" runat="server" onselectedindexchanged="klasLijstData_SelectedIndexChanged">
        </asp:GridView>
    </asp:Panel>
     <script type="text/javascript">
    //<![CDATA[
         function getPosition() {
             var e = window.event;
             var cursor = { x: 0, y: 0 };
             if (e.pageX || e.pageY) {
                 cursor.x = e.pageX;
                 cursor.y = e.pageY;
             }
             else {
                 var de = document.documentElement;
                 var b = document.body;
                 cursor.x = e.clientX +
            (de.scrollLeft || b.scrollLeft) - (de.clientLeft || 0);
                 cursor.y = e.clientY +
            (de.scrollTop || b.scrollTop) - (de.clientTop || 0);
             }
             var boek = document.getElementById('MainContent_bookDetail');
             boek.setAttribute("position", "absolute");
             boek.style.left = cursor.x;
             boek.setAttribute("left", cursor.x);
             boek.style.top = cursor.y;
             boek.setAttribute("top", cursor.y);
         }
         function hidePopup() {
             document.getElementById('MainContent_bookDetail').setAttribute("visibility", "hidden");
         }
    //]]>
    </script>
</asp:Content>
